html{
	scroll-behavior: smooth;
	background-color: #ff477f;
}

.nav-link a:link {
	color: whitesmoke;
}

.nav-link a:hover{
	opacity: 0.7;
	cursor: pointer;
	transition: 0.3s;
	color:#df474e;
	font-size: 16px;
}

#footer-section {
	border-top: 7px solid whitesmoke;
    padding: 2% 10% 2% 10%;
	background-color: #0c0c0c;
	min-height: 50vh; 
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
	gap: 20px;

}

#footer-section .row {
    padding-top: 5%;

}

#footer-section img {
	aspect-ratio: auto;
}

.footer-group {
	padding: 10% 0;
	position: relative;
	gap: 20px;
}

#footer-section p {
	color: white;
	font-family: 'Kanit', sans-serif;
	font-size: 12px;
}

.footer-socials a, #navbarsocialico a{
	opacity: 0.9;
}
.footer-socials a:hover, #navbarsocialico a:hover{
	opacity: 1;
	cursor: pointer;
	transition: 0.3s;
}

#navbarbuttonlinks {
	font-family: 'kanit', sans-serif;
	text-transform: uppercase;

}

.navbarsocialico-bluesky {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc3545' d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565C.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479c.815 2.736 3.713 3.66 6.383 3.364q.204-.03.415-.056q-.207.033-.415.056c-3.912.58-7.387 2.005-2.83 7.078c5.013 5.19 6.87-1.113 7.823-4.308c.953 3.195 2.05 9.271 7.733 4.308c4.267-4.308 1.172-6.498-2.74-7.078a9 9 0 0 1-.415-.056q.21.026.415.056c2.67.297 5.568-.628 6.383-3.364c.246-.828.624-5.79.624-6.478c0-.69-.139-1.861-.902-2.206c-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8'/%3E%3C/svg%3E");
  }